<template>
    <div>
        <mt-header title="客户管理">
        </mt-header>
        <div class="xy-container">
            <div class="xy-card">
                <el-button type="info" @click="$router.push({name:'customer-list'})">我的客户</el-button>
                <el-button type="info" @click="$router.push({name:'contact-list'})">联系人</el-button>
                <el-button type="info" @click="$router.push({name:'contract-list'})">合同</el-button>
                <el-button type="info" @click="$router.push({name:'chance-list'})">机会</el-button>
            </div>
            <xy-v-space height="0.5em"></xy-v-space>
            <div class="xy-card">选择负责人</div>
            <xy-v-space height="0.5em"></xy-v-space>
            <div class="xy-card">客户概况</div>
            <xy-v-space height="0.5em"></xy-v-space>
            <div class="xy-card">销售简报</div>
            <xy-v-space height="0.5em"></xy-v-space>
            <div class="xy-card">最新跟进</div>
        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                list: ['a', 'b', 'c', 'd']
            }
        },
        methods: {
            upA(index){
                if (index > 0) {
                    this.list.splice(index - 1, 0, this.list.splice(index, 1)[0]);
                }
            },
            downA(index){
                if (index < this.list.length - 1) {
                    this.list.splice(index + 1, 0, this.list.splice(index, 1)[0]);
                }
            }
        }
    };
</script>